<!doctype html>
<html lang="zh-cn">
  <%=require('../components/head.ejs')({title: 'index'}) %>
  <body>
    <!--Header-->

    <style>
      .header-show {
        width: auto;
        height: auto;
        /*padding: 10px;*/
        background-color: #fff;
        position: absolute;
        left: 51.5%;
        transform: translateX(-50%);
        box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
      }

      .header-show-i {
        width: 235px;
        height: 50px;
        line-height: 50px;
        /*color: #ffffff !important;*/
        padding: 0 10px;
      }

      .header-show-i:hover {
        background-color: #49abea;
        color: #fff;
      }
    </style>

    <style>
      .header nav .sub3 .row {
        flex-direction: column;
        display: flex;
        height: 100%;
        flex-wrap: wrap;
        overflow: hidden;
      }

      .header nav .sub2 .link2 > a {
        padding: 0 10px;
        font-size: 15px;
      }

      .header nav .sub3 .lg-4 {
        float: none;
      }

      .header nav .link4 {
        color: #999;
      }
    </style>

    <%=require('../components/header.ejs')() %>

    <script type="text/javascript">
      var SearchProduct = function (keys) {
        if (keys == '') {
          alert('Please enter your search keywords');
          return;
        }
        $.ajax({
          url: '/IAjax/Ajax.ashx',
          type: 'POST',
          cache: false,
          dataType: 'text',
          data: { action: 'SEARCH', keys: escape(keys) },
          success: function () {
            location.href =
              '/Search.html?mode=Search&keys=' + escape(keys) + '';
          },
        });
      };
    </script>
    <script>
      var GetCarCount = function () {
        $.ajax({
          url: '/IAjax/Ajax.ashx',
          type: 'POST',
          cache: false,
          dataType: 'json',
          data: { action: 'GetCar' },
          success: function (DataCount) {
            $('.CarNum').html(DataCount);
          },
        });
      };
    </script>

    <!--Banner-->
    <div class="sliders img">
      <a
        href="https://www.jh-electronica.com/JHBlog/electronic-component-diy-capacitorsresistorsledswitchesbuzzerfuserelay.html"
      >
        <img
          src="https://www.jh-electronica.com/UserFiles/upload/image/20240607/定制套件.jpg"
          alt=""
      /></a>

      <a href="https://www.jh-electronica.com/JHBlog/Category/service.html">
        <img
          src="https://www.jh-electronica.com/UserFiles/upload/image/20240424/客户服务.jpg"
          alt=""
      /></a>

      <a
        href="https://www.jh-electronica.com/JHBlog/Category/jh-labor-work.html"
      >
        <img
          src="https://www.jh-electronica.com/UserFiles/upload/image/20240706/仓库服务2.jpg"
          alt=""
      /></a>

      <a
        href="https://www.jh-electronica.com/JHBlog/3-ways-to-strengthen-your-brand.html"
      >
        <img
          src="https://www.jh-electronica.com/UserFiles/upload/image/20240426/品牌.jpg"
          alt=""
      /></a>

      <a
        href="https://www.jh-electronica.com/JHBlog/physical-electricity-magnetism-learning-kit.html"
      >
        <img
          src="https://www.jh-electronica.com/UserFiles/upload/image/20240426/磁学学习工具包.jpg"
          alt=""
      /></a>

      <a href="https://www.jh-electronica.com/jh-products/new-arrival.aspx">
        <img
          src="https://www.jh-electronica.com/UserFiles/upload/image/20231229/新品主图.jpg"
          alt=""
      /></a>
    </div>
    <div class="public-body">
      我是首页内容
    </div>    

    <!--Footer-->
    <%=require('../components/footer.ejs')() %>

    <a
      class="suspension flex"
      href="mailto:matt@jh-electronica.com"
      target="_blank"
    >
      <div class="suspension-title">
        Problem not solved yet ? Talk to the boss!
      </div>
      <div class="suspension-email">
        <img
          src="https://www.jh-electronica.com/images/icon-email.png"
          alt=""
        />
        <span>matt@jh-electronica.com</span>
      </div>
    </a>

    <script type="text/javascript">
      function AddMessage() {
        var txtEmails = $('#txtEmails').val();
        $.ajax({
          url: '/IAjax/Ajax.ashx',
          type: 'POST',
          cache: false,
          dataType: 'xml',
          data: { action: 'AddMessage', txtEmails: escape(txtEmails) },
          success: function (ReturnData) {
            var state = $('response state', ReturnData).text();
            if (state != 'yes') {
              alert($('response errorinfo', ReturnData).text());
            } else {
              alert('Email submitted successfully!');
              $('#txtEmails').val('');
            }
          },
        });
      }
    </script>

    <div class="fix-bar">
      <div class="item rel">
        <a
          href="//wpa.qq.com/msgrd?v=3&uin=994238146&site=qq&menu=yes"
          target="_blank"
          class="btn db"
          style="
            background: url(https://www.jh-electronica.com/images/fix_bar_1.png)
              no-repeat center;
          "
        ></a>

        <div class="info3 tac abs tra">994238146</div>
      </div>

      <div class="item rel">
        <a
          href="skype:86 18108090598?chat"
          target="_blank"
          class="btn db"
          style="
            background: url(https://www.jh-electronica.com/images/fix_bar_2.png)
              no-repeat center;
          "
        ></a>

        <div class="info3 tac abs tra">+86 18108090598</div>
      </div>

      <div class="item rel">
        <a
          href="javascript:;"
          class="btn db"
          style="
            background: url(https://www.jh-electronica.com/images/fix_bar_4.png)
              no-repeat center;
          "
        ></a>

        <div class="info3 tac abs tra">+86 18108090598</div>
      </div>

      <div class="item rel">
        <a
          href="https://api.whatsapp.com/send?phone=86 18108090598&text=May I help you?"
          target="_blank"
          class="btn db"
          style="
            background: url(https://www.jh-electronica.com/images/fix_bar_5.png)
              no-repeat center;
          "
        ></a>

        <div class="info3 tac abs tra">+86 18108090598</div>
      </div>

      <div class="item rel">
        <a
          id="gotop"
          href="javascript:;"
          class="btn db"
          style="background: url(images/fix_bar_6.png) no-repeat center"
        ></a>
      </div>
    </div>

    <div class="login wh1 dn">
      <div class="dt wh1">
        <div class="dtcell">
          <div class="con baf f16 rel">
            <div class="row">
              <div class="sm-6">
                <img
                  src="https://www.jh-electronica.com/UserFiles/upload/image/20221116/logo11(3).16修改(3).png"
                  alt=""
                />
              </div>
            </div>
            <div class="fb mt20 mb15">Login your account</div>
            <div class="fb">Account</div>
            <div class="mt10 mb10">
              <input
                class="txt lg-12"
                placeholder="Enter Your E-mail Address"
                type="text"
                name="txtname"
                id="txtname"
              />
            </div>
            <div class="dflr">
              <div class="fb">Password</div>
              <div class="fb">
                <a href="ForgetForEmail.aspx" class="tc">Forgot password?</a>
              </div>
            </div>
            <div class="rel mt10 mb10">
              <div class="password rel">
                <input
                  class="txt lg-12"
                  placeholder="Your Password"
                  type="password"
                  name="txtpwd"
                  id="txtpwd"
                />
                <!-- <i class="abs">xxx</i>   -->
              </div>
            </div>
            <div class="rel mt10 mb10">
              <label for="logins"
                ><input type="checkbox" name="ckeval" id="logins" />Auto login
                next time</label
              >
            </div>
            <div class="tac mt20 mb20">
              <input
                class="btn cf tcbg f16 fb"
                type="button"
                onclick="Login(1);"
                name=""
                id=""
                value="Login"
              />
            </div>
            <div class="tac">
              Not a member?
              <a href="/Register.html" class="tc">Create an Account</a>
            </div>
            <div class="hide abs f30">x</div>
          </div>
        </div>
      </div>
    </div>
    <script>
      $(function () {
        $('.login-show').click(function () {
          $('.login').fadeIn();
        });
        $('.login .hide').click(function () {
          $('.login').fadeOut();
        });
      });
    </script>

    <script>
      var swiper3 = new Swiper('.company-news-list-swiper', {
        spaceBetween: 30,
        breakpoints: {
          425: {
            slidesPerView: 1,
          },
          768: {
            slidesPerView: 1,
          },
          1024: {
            slidesPerView: 2,
          },
        },
        loop: true,
        watchSlidesProgress: true,
        navigation: {
          nextEl: '.home-team-swiper-menu-next',
          prevEl: '.home-team-swiper-menu-prev',
        },
        pagination: {
          el: '.swiper-pagination2',
          clickable: true,
        },
      });
    </script>

    <script>
      $(function () {
        $('.i-pro .head .btn a').click(function () {
          $(this).toggleClass('cur').siblings().removeClass('cur');
          $(this)
            .parents('.item-w')
            .find('.more')
            .attr('href', $(this).attr('links'));
          $(this)
            .parents('.item-w')
            .find('ul')
            .eq($(this).index())
            .addClass('cur')
            .siblings()
            .removeClass('cur');
          return false;
        });
      });
    </script>
  </body>
</html>
